import React from "react";
import NavBar, { MenuItem } from ".";
import { faCommentDots } from "@fortawesome/free-solid-svg-icons";
import "styled-components/macro"

export default {
    title: "页面组件/NavBar",
    component: NavBar,
};

export const Default = () => {return <NavBar />}

export const Menu = () => {
    return (
        <div css={`
            background-color: ${({ theme }) => theme.darkPurple};
            width: 100px;
        `}>
            <MenuItem showBadge active icon={faCommentDots} />
        </div>
    )
}